工作经验｜如何编写「设计规范」？这套思路一学就会！

     关注「长弓小子」看更多设计干货！

Hi，我是元尧。长按下图二维码加我微信，带你进设计师交流群，与上万小伙伴一起交流成长！

「添加好友请备注：设计交流」

   全文共 1723 字，阅读需要 7 分钟

我曾在文章：如何让「设计规范」被有效执行和落地？ 一文中为大家介绍过「设计规范」的落地经验。这一期再给大家分享一套「设计规范」的编写思路，相信看过之后，你也可以编写出高质量的设计规范。

看上去复杂的规范，其实都可以抽离出同一套编写思路，不管你写的是哪一类规范（比如组件规范、动效规范、Banner 视觉规范等 ）都可以尝试分为以下几个步骤：

1. 定义通用原则

2. 定义事件特点

3. 定义特殊场景

4. 其它内容补充

   STEP 1

定义通用原则

通用原则会为你的使用者提供评价内容设计好坏、质量高低的衡量标准，定义整体设计的大方向，也会帮助使用者决策，判断什么该做、什么不该做。

🗂 案例：

以编写「Banner 的设计风格」规范为例，规范中的某两条内容如下：

- 契合语义：Banner 中的元素需要与文字语义契合，并对重点内容做强化和引导；

- 样式简洁：以不过于吸引视线为标准，形状不可过于复杂，面积不要过大，符合 XXXX 行业的风格特征。 

📋 经验：

1. 通常总结出关键的 2-5 条即可，内容在精不在多；语言精练，易记、易理解很重要。

2. 这些原则是最基础、通用的判断标准，在编写的过程中要结合实际情况，使之具备真实有效的指导性。

3. 形式要从简。写规范不是为了彰显设计价值，而是为了统一和更正他人的设计行为，因此形式要追随功能，侃侃而谈和花里胡哨的排版都要慎用，切忌舍本逐末。

   STEP 2

定义事件特点

接下来你需要对所要规范的事件本身进行描述，包括事件的特征、状态、使用方式等细节。这就需要你对于事件本身进行有逻辑的拆解和分类，你可以按照设计流程或者组成事件的框架结构来进行描述。

🗂 案例：

以编写「Banner 的设计风格」规范为例，你可以按照 Banner 的设计产出流程，从 Banner 的构成框架、图案样式、文案规范、色彩规范、输出文件格式等方面，对其进行详细描述，这些内容就是你对于设计产出的基础要求和限制。

📋 经验：

1. 通常来说你不需要从 0-1 来定义这部分内容，而是可以借鉴现有行业中已被广泛认可的设计原理和法则（比如视觉原则就有：视差规律、情感化设计、费兹定律等等），来为你的规范做理论背书，再结合实际产品 / 行业特点来编写规范。

2. 规范颗粒度没有限制，描述越细致，规范就越严格。规范定义得太宽松会起不到效果，太严格则会产生限制、不宜遵守，因此要适度。

3. 对于一些比较难理解的规范内容，可以给出一些正确 / 错误实例，也直接给出一些切实可用的实操模版，辅助使用者进行理解或操作。如下方 Material Design 在描述 icon 设计规范时给出的实例：

   STEP 3

定义特殊场景

以上的通用规范和定义可以涵盖 80% 左右的设计情况。但在具体业务中难免会出现特殊或极端情况，预判并定义这些特殊场景的使用方式也很重要。你可以把特殊场景理解为「边界场景」，相当于找到事件位于临界点时的处理方法。

🗂 案例：

还是以编写「Banner 的设计风格」规范为例，对于文案规范这部分内容，当业务一定要修改现在的文字排版和布局；或者给出的文字内容很长且无法缩减；再或者要翻译成多国语言等，对这类情况提前做好预判，给出合理的解决方案。

📋 经验：

1. 对于特殊场景，你可以给你自己设定一条逻辑线，有顺序地思考。

2. 更可行的方法是收集实际工作中其他设计师在设计过程中遇到的各种特殊情况，进行汇总整理。

3. 特殊场景的规范不需要一步到位，随时发现，随时补充。

   STEP 4

其他内容补充

你还可以补充以下内容，让你的规范更完整：

- 应用此规范的最佳实践案例；

- 对于其他相关部门的同事，想要获取相关知识，如何快速阅读关键内容；

- 设立简易的反馈和答疑方式，收取使用者的反馈，以便优化规范；

- 规范的更新时间和更新内容纪要，保留完整的记录和归档。

规范的编写过程不会是一帆风顺的，不要急于求成，可以步步为营，逐渐优化。

另外，并不是说规范文档编写好就万事俱备了，更重要的是要提供给规范使用者阅读的便利性，包括：如何更快地阅读文档、在更新文档之后如何同步等等。关于编写好规范如何落地和推广应用，你可以查看文章：如何让「设计规范」被有效执行和落地？ 。

---

如果你还有关于设计思路和工作方法上的问题想要得到解答，或者想要加入我们的设计师交流群一起学习，欢迎识别二维码，添加好友请备注：设计交流 👇👇👇

   知识福利 🥳  

2021 年是我前半生中最充实的一年，工作强度堪比高考，设计知识的沉淀和产出量也在不断刷新着纪录：

我在每日输出的知识内容中，选择了一部分进行汇总，梳理了从【接到设计需求到产出设计沉淀】的完整流程。如想阅读，可在公众号后台留言 “设计思维”  👇👇👇

学海无涯，盼你同舟！关注看更多干货 😊

- END -

欢迎长按图片👇👇👇加我微信

带你加入设计师社群

了解更多设计理念和设计方法

期待与你的交集！

「添加好友请备注：设计交流」